<template>
    <div class="box">
        <div class="form">
       <h1>二维码登录</h1>
        </div>
    </div>
</template>
<script setup>
/**
	 * @register 登录功能页面
     * sm  手机验证码登录
	 ***/
</script>
<style>
.box{
    position: relative;
    padding: 30px;
    width: 300px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
}
.box::after{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 5px;
    pointer-events: none;
    background: linear-gradient(to bottom,rgba(97, 218, 255, 0.838) 0%,rgba(94, 155, 254, 0.795) 15%,transparent 50%,transparent 50%,rgb(203, 147, 255) 100%);
}
.box .form h1{
    color:#fff;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
} 

</style>